<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    // 此函数会暂停线程，不会继续执行，那么html的渲染解析也会被阻塞，dom树没有后面的body了
    // stop()
  </script>
  <style>
    div{
      background-color: red ;
    }
  </style>
  <style>
    div{
      background-color: red ;
    }
    div::after{
      /* 在js上的styleSheets看得到 */
      /* 伪元素在dom树里看不到 */
      content: '';
      display: block;
    }
  </style>
  <!-- <link rel="stylesheet" href=""> -->
</head>

<body>
  <div style="display: block;"></div>
  <script>

    function fqm(yy){
      this.yy = yy
    }

    fqm.prototype.yysjjd = function() {
      console.log(this)
      console.log(this.yy)
    }

    var f = new fqm('yysjjd')
    f.yysjjd()

          // 注意，循环不会停下来，见js高级.md
    // let flag = true
    // while (flag) {
    //   setTimeout(() => {
    //     flag = false
    //   }, 0)
    // }
  </script>
</body>

</html>